<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
	<base href="<%=basePath%>">
	<meta charset="utf-8" />
	<title></title>
	<meta name="description" content="overview & stats" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="static/css/bootstrap.min.css" />
	<link rel="stylesheet" href="static/css/bootstrap-responsive.min.css" />
	<link rel="stylesheet" href="static/css/font-awesome.min.css" />
	<link rel="stylesheet" href="static/css/chosen.css" />
	<link rel="stylesheet" href="static/css/ace.min.css" />
	<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
	<link rel="stylesheet" href="static/css/ace-skins.min.css" />
	<link rel="stylesheet" href="static/css/date/bootstrap-datetimepicker.css" /><!-- 日期框 -->
	<link rel="stylesheet" href="static/css/date/bootstrap-datetimepicker.min.css" /><!-- 日期框 -->
	<!-- <script type="text/javascript" src="static/js/jquery-1.7.2.js"></script> -->
		
	<script type="text/javascript">
		//保存
		function save(){
			if($("#info_title").val()==""){
				$("#info_title").tips({
					side:3,
		            msg:'输入描述',
		            bg:'#AE81FF',
		            time:2
		        });
				
				$("#info_title").focus();
				return false;
			}
			
			if($("#act_desc").val()==""){
				$("#act_desc").tips({
					side:3,
		            msg:'输入描述',
		            bg:'#AE81FF',
		            time:2
		        });
				
				$("#act_desc").focus();
				return false;
			}
			
			if(org_act_type == 2){
				if($("#address").val()==""){
					$("#address").tips({
						side:3,
			            msg:'输入活动地址',
			            bg:'#AE81FF',
			            time:2
			        });
					
					$("#address").focus();
					return false;
				}
			}
			
			var org_act_type = $("#org_act_type").val();
			var act_amount = $("#act_amount").val();
			if(org_act_type == 2){
				if(act_amount != "" && act_amount != null){
					if(isNaN(act_amount)){
						$("#act_amount").tips({ 
							side:3,
				            msg:'活动金额必须是数值',
				            bg:'#AE81FF',
				            time:3
				        });
						$("#act_amount").focus();
						return false;
					}
				}else{
					$("#act_amount").tips({
						side:3,
			            msg:'请输入活动金额',
			            bg:'#AE81FF',
			            time:2
			        });
					
					$("#act_amount").focus();
					return false;
				}
			}
			
			var earnest_money = $("#earnest_money").val();
			if(earnest_money != null && earnest_money != ""){
				if(isNaN(earnest_money)){
					$("#earnest_money").tips({
						side:3,
			            msg:'定金必须是数值',
			            bg:'#AE81FF',
			            time:3
			        });
					$("#earnest_money").focus();
					return false;
				}
			}
			
			$("#publishActivityForm").submit();
			$("#centerOfMainFrame").hide();
			$("#centerOfMainFrame2").show();
		}
		
		function changeOrgActType(type) {
			if(type==2){
				$("#act_type_id").css('display', ''); 
				$("#act_quantity_id").css('display', '');
				$("#act_amount_id").css('display', '');
				$("#enroll_method_id").css('display', '');
				$("#join_method_id").css('display', '');
				$("#act_url_id").css('display', 'none');
			}else{
				$("#act_type_id").css('display', 'none'); 
				$("#act_quantity_id").css('display', 'none');
				$("#act_amount_id").css('display', 'none');
				$("#enroll_method_id").css('display', 'none');
				$("#join_method_id").css('display', 'none');
				$("#act_address_id").css('display', 'none');
			}
		}
	</script>
	</head>
<body>
	<form action="publishActivity/savePublishActivity.do" name="publishActivityForm" id="publishActivityForm" method="post" enctype="multipart/form-data">
		<input type="hidden" name="organid" id="organid" value="${pageData.organid }"/>
		<div id="centerOfMainFrame">
			<table id="table_report" class="table table-striped table-bordered table-hover">
				<tr>
					<td>商户活动类型:</td>
					<td>
						<select class="chzn-select" name="org_act_type" id="org_act_type" style="vertical-align:top;width: 150px;" onchange="changeOrgActType(this.value);">
							<option value="2">邀约活动</option>
							<option value="1">普通活动</option>
					  	</select>
					</td>
				</tr>
				<tr>
					<td>活动主题:</td>
					<td>
						<textarea  style="width:93%;height:90px" name="info_title" id="info_title" ></textarea>
					</td>
				</tr>
				<tr>
					<td>活动描述:</td>
					<td>
						<textarea  style="width:93%;height:290px" name="act_desc" id="act_desc"></textarea>
					</td>
				</tr>
				<tr id="act_address_id">
					<td>活动地址(活动地址必须填写正确，不可修改):</td>
					<td>
						<input type="text" style="width:95%;" name="address" id="address" placeholder="这里输入活动地址" title="活动地址"/>
					</td>
				</tr>
				<tr>
					<td>活动时间:</td>
					<td>
						<input style="width:35%;" class="form_datetime" name="act_pub_time" id="act_pub_time" type="text" readonly placeholder="开始日期" title="开始日期"/>
						<input style="width:35%;" class="form_datetime" name="act_end_time" id="act_end_time" type="text" readonly placeholder="到期日期" title="到期日期"/>
					</td>
				</tr>
				<tr id="act_type_id">
					<td>活动类型:</td>
					<td><form:select path="dictionary.dicvalue" items="${dictionaryList}" itemLabel="diccode" itemValue="dicvalue" title="活动类型" style="width:100px; font-size:12px;"/>
					</td>
				</tr>
				<tr id="act_quantity_id">
					<td>活动人数:</td>
					<td>
						<select class="chzn-select" name="member_type" id="member_type" style="vertical-align:top;width: 120px;">
							<option value="1">男生</option>
							<option value="2">女生</option>
							<option value="3">不限</option>
					  	</select>
					  	<input type="text" style="width:95%;" name="person_limite" id="person_limite" placeholder="这里输入人数上限" title="人数上限"/>
					</td>
				</tr>
				<tr id="act_amount_id">
					<td>活动金额:</td>
					<td>
						<input type="text" style="width:95%;" name="act_amount" id="act_amount" placeholder="这里输入活动金额" title="活动金额"/>
					</td>
				</tr>
				<tr id="enroll_method_id">
					<td>报名支付形式:</td>
					<td>
						<select class="chzn-select" name="enroll_method" id="enroll_method" data-placeholder="请选择报名支付形式" style="vertical-align:top;width: 120px;">
							<option value="1">预付定金</option>
							<option value="2">男AA女免费</option>
							<option value="3">免费</option>
					  	</select>
					  	<input type="text" style="width:95%;" name="earnest_money" id="earnest_money" placeholder="这里输入定金" title="定金"/>
					</td>
				</tr>
				<tr id="join_method_id">
					<td>参与方式:</td>
					<td>
						<select class="chzn-select" name="join_method" id="join_method" data-placeholder="请选择参与方式" style="vertical-align:top;width: 220px;">
							<option value="2">凭报名手机号参加</option>
					  	</select>
					</td>
				</tr>
				<tr>
					<td>添加活动图片:</td>
					<td>
						<input type="file" id="act_img" name="act_img"/>
					</td>
				</tr>
				<tr id="act_url_id" style="display: none;">
					<td>活动链接:</td>
					<td>
						<input type="text" style="width:95%;" name="act_url" id="act_url" placeholder="这里输入活动链接" title="活动链接" value="${pageData.act_url }"/>
					</td>
				</tr>
				<tr>
					<td class="center" colspan="2">
						<a class="btn btn-mini btn-primary" onclick="save();">保存</a>
						<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
					</td>
				</tr>
			</table>
		</div>
		<div id="centerOfMainFrame2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
	</form>
	
	<!-- 引入 -->
	<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
	<script type="text/javascript" src="static/js/date/jquery-1.8.3.min.js" charset="UTF-8"></script>
	<script type="text/javascript" src="static/js/jquery.tips.js"></script>
	<script type="text/javascript" src="static/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="static/js/ace.min.js"></script>
	<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 单选框 -->
	<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="static/js/date/bootstrap-datetimepicker.js" charset="UTF-8"></script>
	<script type="text/javascript" src="static/js/date/bootstrap-datetimepicker.zh-CN.js"></script><!-- 日期框 -->
	<!-- 编辑框-->
	<%-- <script type="text/javascript" charset="utf-8">window.UEDITOR_HOME_URL = "<%=path%>/plugins/ueditor/";</script>
	<script type="text/javascript" charset="utf-8" src="plugins/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8" src="plugins/ueditor/ueditor.all.js"></script> --%>
	<!-- 编辑框-->
	<script type="text/javascript">
	$(top.hangge());
	$(function() {
		//单选框
		$(".chzn-select").chosen(); 
		$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
		
		//日期框
		//$('.date-picker').datepicker();
		$(".form_datetime").datetimepicker({
			language:  'zh-CN',
			weekStart: 1,
	        todayBtn:  1,
			autoclose: 1,
			todayHighlight: 1,
			startView: 2,
			forceParse: 0,
	        //showMeridian: 1,
			format: 'yyyy-mm-dd hh:ii'
			});
	});
	
	//上传
	$('#act_img').ace_file_input({
		no_file:'请选择图片 ...',
		btn_choose:'选择',
		btn_change:'更改',
		droppable:false,
		onchange:null,
		thumbnail:false //| true | large
		//whitelist:'gif|png|jpg|jpeg'
		//blacklist:'exe|php'
		//onchange:''
		//
	});
	
	/* function reurl(){ 
		UE.getEditor('act_desc');
	} 
	setTimeout('reurl()',500); */
	</script>
</body>
</html>